(function ($) {
  Drupal.behaviors.ViewsEcharts = {
    attach: function (context, settings) {
      console.log(settings);

      if (settings && settings.viewsEcharts) {
        $.each(settings.viewsEcharts, function (i, setting) {
          console.log(setting);
          let view_name = setting.view_name;
          let view_display_id = setting.view_display_id;

          // 基于准备好的dom，初始化echarts实例
          let myChart = echarts.init(document.getElementById(`echart-main-${view_name}-${view_display_id}`));
          // 指定图表的配置项和数据
          // var option = {
          //   title: {
          //     text: "ECharts 入门示例",
          //   },
          //   tooltip: {},
          //   legend: {
          //     data: ["销量"],
          //   },
          //   xAxis: {
          //     data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
          //   },
          //   yAxis: {},
          //   series: [{
          //     name: "销量",
          //     type: "bar",
          //     data: [5, 20, 36, 10, 10, 20],
          //   }],
          // };

          let option = setting.option;

          // 使用刚指定的配置项和数据显示图表。
          myChart.setOption(option);

        });
      }

    },
    detach: function (context, settings, trigger) {
      console.log(context);
    },
  };
})(jQuery);
